export const menuColumns = [
  {
    prop: 'id',
    label: 'ID',
    width: '100'
  },
  {
    prop: 'name',
    label: 'Name'
  },
  {
    prop: 'ename',
    label: 'English Name',
    width: '180'
  },
  {
    prop: 'model',
    label: 'Model',
    width: '200'
  },
  {
    prop: 'path',
    label: 'Path',
    width: '180'
  },
  {
    prop: 'action',
    label: 'Action',
    width: '120'
  },
  {
    prop: 'icon',
    label: 'Icon',
    width: '300'
  },
  {
    prop: 'status',
    label: 'Status',
    width: '100',
    slotName: 'status'
  },
  {
    label: 'Operation',
    align: 'center',
    fixed: 'right',
    slotName: 'operate',
    width: '180'
  }
];

export const formItems = [
  {
    prop: 'pid',
    label: 'pid',
    slotName: 'pid'
  },
  {
    prop: 'level',
    label: 'level',
    slotName: 'level'
  },
  {
    prop: 'name',
    label: 'name'
  },
  {
    prop: 'ename',
    label: 'ename'
  },
  {
    prop: 'model',
    label: 'model'
  },
  {
    prop: 'action',
    label: 'action'
  },
  {
    prop: 'path',
    label: 'path'
  },
  {
    prop: 'icon',
    label: 'icon',
    slotName: 'icon'
  },
  {
    prop: 'status',
    label: 'status',
    slotName: 'status'
  },
  {
    prop: 'listorder',
    label: 'listorder'
  }
];

export const defaultData: Partial<API.MenuItem> = {
  pid: 0,
  level: undefined,
  name: '',
  ename: '',
  model: '',
  action: '',
  path: '',
  icon: '',
  status: 1,
  listorder: null
};

export const levelOptions = [
  {
    label: '一级菜单',
    value: 1
  },
  {
    label: '二级菜单',
    value: 2
  },
  {
    label: '三级菜单',
    value: 3
  }
];
